<template>
<div class="messageList">
  <div v-for="item in messageList" :key="item.id">
    <message-single :message="item"></message-single>
    <van-divider />
  </div>
</div>
</template>

<script>
import Vue from 'vue';
import { Divider } from 'vant';

Vue.use(Divider);
import MessageSingle from "./messageSingle";
export default {
  name: "messageList",
  components: {MessageSingle},
  props:{
    messageList:{
      type:Array
    }
  }
}
</script>

<style scoped>
.van-divider{
  margin: 0;
}
</style>